<!doctype html>
<html lang="en" style="background:#fff;">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <link rel="stylesheet" href="../../css/aui.css">
    <link rel="stylesheet" href="../../css/mobileSelect.css">
    <link rel="stylesheet" href="../../css/normalUser.css">
    <link rel="stylesheet" href="../../css/pulice.css">
    <style>
        .myJFGreen {color: #34b700 !important;}
    </style>
    <script src="../../js/api.js"></script>
    <script src="../../js/mobileSelect.min.js"></script>
    <script src="../../js/libs/zepto.min.js"></script>
	<script src="../../js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
    <script src="../../js/vue.min.js"></script>
    <script src="../../js/vue-resource.min.js"></script>
    <script src="../../js/aui-toast.js"></script>
    <script src="../../js/common.js" type="text/javascript" charset="utf-8"></script>
    <script>
    	setToken();
        $(function () {
        	var app = new Vue({
	                el: '#myJFLog',
	                data: {
	                    HuaBao : {},
	                    pageIndex : 1,
	                },
	                mounted:function(){
	                	this.$nextTick(function(){
	                		this.myHuaBao();
	                	})
	                },
	                methods:{
	                	myHuaBao : function(){
	                		this.$http.get(SURL+"app/Account/cashRecord",{params:{pageIndex: this.pageIndex}}).then(function(res){
		                   			console.log(res.body.data)
		                   			this.HuaBao = res.body.data;
		                		}).catch(function(req){
	                			
	                		});
	                	},
	                	
	                }
	            });
	            
            $('.hm-bar').load('../../data/headerOther.html',function (data) {
                $(this).find('.head-main').text('现金记录');
                $(this).find('.hm-bar-box').css('position','static');
                $(this).find('.head-left').on('tap',function () {
                    window.history.back();
                });
            });
        })
    </script>
    <title>现金记录</title>
</head>
<body style="background:#fff;">
    <div class="hm-bar"></div>
    <div id="myJFLog">
        <div class="center-order myJFLog">
            <div class="center-account">
                <div class="center-account-public" v-for="(v,i) in HuaBao">
                    <div>
                        <div class="font-base-28">{{v.type}}</div>
                        <div class="font-base-22 c999">{{v.createTime}}</div>
                    </div>
                    <div class="font-base-28 center-account-money asc" :class=" {'myJFGreen': v.cashType > 0,'myJFOrgice': v.cashType < 0}">
                    	<span v-if="v.cashType > 0">+{{v.cash}}</span>
                    	<span v-if="v.cashType < 0">-{{v.cash}}</span>
                    	
                    </div>
                </div>
            </div>
        </div>
        <div class="myJFLogNO">
            <span>―</span>暂无更多数据<span>―</span>
        </div>
    </div>
</body>
<!--TODO:分页传的参数不对   注意修改-->
</html>